var QuanLyKhachHang = {
    LamMoi: function(){
        $('#txt-makhachhang').val(-1);
        $('#txt-hoten').val('');
        $('#txt-sodienthoai').val('');
        $('#txt-diachi').val('');
    },
    LuuKhachHang: function(button){
        var id          = $('#txt-makhachhang').val();
        var hoten       = $('#txt-hoten');

        if (hoten.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Tên khách hàng</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            hoten.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            hoten.focus();
            return;
        }

        var sodienthoai = $('#txt-sodienthoai');


        if (sodienthoai.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Số điện thoại</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            sodienthoai.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            sodienthoai.focus();
            return;
        }


        var diachi      = $('#txt-diachi');

        if (diachi.val() == ''){
            QuanLyBanHangStatic.changeMessage('Thông báo', 'Vui lòng nhập <b>Địa chỉ</b>');
            QuanLyBanHangStatic.showMessageBox(true, 3000);
            diachi.effect('highlight', {color: '#ffd5ad'}, 600)
                .effect('highlight', {color: '#ffd5ad'}, 600);
            diachi.focus();
            return;
        }

        button = $(button);
        button.prop('disabled', true);
        button.find('.button-loading').show();

        $.post(QuanLyBanHangStatic.baseURL + 'KhachHang/LuuThongTin', {id: id, hoten: hoten.val(), sodienthoai: sodienthoai.val(), diachi: diachi.val()}, function(data){

            var obj = JSON.parse(data);
            var container = $('#container');

            if (id == -1){
                var defaultRow = container.parent().find('.default-row');

                var row = defaultRow.clone();
                row.removeClass('default-row');
                row.attr('data-text', obj.id);
                row.find('.stt').html('*');
                row.find('.hoten').html(obj.hoten);
                row.find('.sodienthoai').html(obj.sodienthoai);
                row.find('.diachi').html(obj.diachi);
                row.prependTo(container).show();

                row.effect('highlight', {color: '#ffd5ad'}, 600)
                    .effect('highlight', {color: '#ffd5ad'}, 600);
            } else{
                QuanLyBanHangStatic.changeMessage('Thông báo', 'Đã cập nhật thông tin cho <b>' + obj.hoten + '</b>');
                QuanLyBanHangStatic.showMessageBox(true, 3000);

                container.find('.highlight').effect('highlight', {color: '#ffd5ad'}, 600)
                    .effect('highlight', {color: '#ffd5ad'}, 600);
            }


            button.prop('disabled', false);
            button.find('.button-loading').hide();
        });

    },
    DanhSachKhachHang: function(button){
        button = $(button);
        button.prop('disabled', true);
        button.find('.fa-loading').show();

        $.get(QuanLyBanHangStatic.baseURL + 'KhachHang/DanhSachKhachHang', function(data){
            data = JSON.parse(data);
            console.log(data);

            var container = $('#container');
            var defaultRow = container.parent().find('.default-row');
            var size = data.length;
            if (size > 0){
                for (var i = 0; i < size; i++){
                    var row = defaultRow.clone();
                    row.removeClass('default-row');

                    row.attr('data-text', data[i].id);
                    row.find('.stt').html(i + 1);
                    row.find('.hoten').html(data[i].ten);
                    row.find('.sodienthoai').html(data[i].sodienthoai);
                    row.find('.diachi').html(data[i].diachi);

                    row.appendTo(container).show();

                }
            } else{
                QuanLyBanHangStatic.changeMessage('Thông báo', 'Dữ liệu rỗng');
                QuanLyBanHangStatic.showMessageBox(true, 3000);
                return;
            }


            button.hide();
        });
    },
    ChonKhachHang: function(obj){
        obj = $(obj);
        obj.parent().find('.highlight').removeClass('highlight');
        obj.addClass('highlight');


        var id = obj.attr('data-text');
        var hoten = obj.find('.hoten').html();
        var sodienthoai = obj.find('.sodienthoai').html();
        var diachi = obj.find('.diachi').html();

        this.XemThongTin(id, hoten, sodienthoai, diachi);
    },
    XemThongTin: function(id, hoten, sodienthoai, diachi){
        $('#txt-makhachhang').val(id);
        $('#txt-hoten').val(hoten);
        $('#txt-sodienthoai').val(sodienthoai);
        $('#txt-diachi').val(diachi);
    }
};